
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<link rel="image_src" type="image/jpeg" href="/images/logo.png" />

<!-- Site Properities -->
<meta name="generator" content="DocPad v6.79.4" />
<title>我的消息</title>

<meta name="description"
	content="A tab is a hidden section of content activated by a menu" />
<meta name="keywords"
	content="html5, ui, library, framework, javascript" />
<script src="../resources/static/libs/detect.min.js"></script>
<script src="../resources/static/libs/jquery.min.js"></script>
<script src="../resources/static/libs/clipboard-polyfill.js"></script>
<script src="../resources/static/libs/cookies.js"></script>
<script src="../resources/static/libs/jquery.easing.1.3.js"></script>
<script src="../resources/static/libs/highlight.js"></script>
<script src="../resources/static/libs/jquery.history.js"></script>
<script src="../resources/static/libs/tablesort.min.js"></script>
<script src="../resources/dist/semantic.js"></script>
<script src="../resources/js/docs.js"></script>
<script src="../resources//dist/components/tab.js"></script>
<link rel="stylesheet" type="text/css" class="ui"
	href="../resources/dist/semantic.css">
<link rel="stylesheet" type="text/css"
	href="../resources/static/style/docs.css">
<link rel="stylesheet" type="text/css"
	href="../resources/static/style/rtl.css">
<script type="text/javascript">
	window.liveSettings = {
		api_key : '9ede3015b9f84c1aabc81ab839c55d74',
		parse_attr : [ 'data-title', 'data-content' ],
		detectlang : false,
		autocollect : true,
		ignore_tags : [ 'i', 'code', 'pre' ],
		parse_attr : [ 'data-title', 'data-content', 'data-text' ],
		ignore_class : [ 'code', 'anchor' ]
	};
	$(document).ready(function() {
		$('.ui.accordion').accordion('refresh');
		$('.shape').shape('flip down').shape('flip down').shape('flip down');
	});
</script>
</head>
<body id="example" class="" ontouchstart="">
	<div class="pusher">
		<div class="full height">
			<div class="article">
				<script src="../resources/static/libs/sinon.js"></script>
				<div class="ui masthead vertical tab segment">
					<div class="ui container">
						<div class="introduction">
							<h1 class="ui header">
								夜深了,管理员
								<div class="sub header">
									<div class="ui divided selection list">
										<a class="item">
											<div class="ui red horizontal large label">公告</div>
											<div class="ui text shape">
												<div class="sides">
													<div class="ui header side active">Did you know? This
														side starts visible.</div>
													<div class="ui header side">Help, its another side!</div>
													<div class="ui header side">This is the last side</div>
												</div>
											</div>
										</a>
									</div>
								</div>
							</h1>
						</div>
						<div class="ui hidden divider"></div>
						<div class="ui compact horizontal menu">
							<a class="item"> <i class="icon mail"></i> Messages
								<div class="floating ui red label">22</div>
							</a> <a class="item"> <i class="icon users"></i> Friends
								<div class="floating ui teal label">22</div>
							</a>
						</div>
						<div class="ui hidden divider"></div>
					</div>

				</div>
				<div class="ui container">
					<div class="ui grid">
						<div class="two column row">
							<div class="ten wide column">
								<div class="ui hidden divider"></div>
								<div class="ui grid">
									<div class="ui vertical fluid accordion menu">
										<div class="ui fluid secondary  menu">
											<div class="left item">
												<i class="icons"> <i class="big align center icon"></i>
												</i></i> <label class="ui large">我的消息 </label>
											</div>
										</div>
										<div class="fluid item">
											<a class="active title"> <i class="dropdown icon"></i>
												收信箱
											</a>
											<div class="active content">
												<div class="ui selection animated list">
													<div class="item">
														<div class="content">
															<div class="ui info message">
																<i class="close icon"></i>
																<!-- 													<div class="ui tag labels">
																	<a class="ui right floated teal tag label">Featured</a>
																</div> -->
																<div class="header">
																	<div class="ui text container">
																		<div class="ui checkbox">
																			<input type="checkbox"> <label>safdafdaf</label>
																		</div>
																	</div>
																</div>

															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- 左边设置 -->

							</div>
							<!-- <div class="ui selection divided list">
								<div class="item">
									<div class="content">
										<a class="header">Krolewskie Jadlo</a>
									</div>
									<div class="ui red horizontal large label">2017</div>
									<div class="ui  horizontal checkbox">
										<label>Make my profile visible</label> <input type="checkbox"
											name="example"> </input>
									</div>
								</div>
							</div> -->
							<div class="six wide column">
								<!-- 右边框 -->
								<div class="ui raised horizontal segments">
									<div class="ui center aligned segment">
										<p>Top</p>
									</div>
									<div class="ui center aligned segment">
										<p>Middle</p>
									</div>
									<div class="ui center aligned segment">
										<p>Bottom</p>
									</div>
								</div>

							</div>
						</div>



					</div>
				</div>
			</div>

		</div>

		<script>
			window.less = {
				async : true,
				environment : 'production',
				fileAsync : false,
				onReady : false,
				useFileCache : true
			};
		</script>
		<script src="../resources/static/libs/less.min.js"></script>
</body>
</html>